<html> 
<head>
    <title>${ctitle}</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="detail_category" content="3" ></meta>
    <meta name="sharing_address" content="${sharingUrl}" ></meta>
    <meta name="detail_address" content="${detailUrl}" ></meta>
    <meta name="title" content="${ctitle}" ></meta>
    <meta name="viewScope" content="${viewScope}" ></meta>
    <meta name="description" content="${cdescription}" ></meta>
    <meta name="icon" content="${cicon}" ></meta>
    <script type="text/javascript" charset="utf-8" src="${jqUrl}"></script>
    <style type="text/css">
    	body {font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
    </style>
    <div id="wx_logo" style="margin:0 auto;display:none;"><img src="${cicon}"></div>
</head>
<body>
   <div style="overflow:hidden">
	 <#list templateKey as tk>
	   <#assign tkid=tk.id/>
	   <#list tk.subList as sl>
	   	 <#assign slid=sl.id/>
	   	 <#assign titleKey="title_"+tkid+"_"+slid>
	   	 <#assign textKey="text_"+tkid+"_"+slid>
	   	 <#assign textAreaKey="textarea_"+tkid+"_"+slid>
	   	 <#assign imgKey="img_"+tkid+"_"+slid>
	   	 <#if sl.sign==1>
	   	 	<fieldset style="border: none; font-size: 20px; font-weight: bold; margin: 5px 0px 0px; padding: 10px; color: rgb(0, 0, 0);">
   	    		${map[titleKey]}
   	    	</fieldset>
   	    	<fieldset style="border: none; font-size: 14px;margin: 5px 0px 0px; color: rgb(166, 166, 166);">
   	    		<span>${infoMap['contentTime']}</span>
   	    	</fieldset>
   	    	<fieldset style="border:0; padding: 0.5em 0;white-space: normal;border: none;  border-top: 1px solid #ccc;
			    display: block; font-size: 1em; font-family: inherit; font-style: normal;
			    font-weight: inherit; text-decoration: inherit; color: rgb(166, 166, 166);"></fieldset>
	   	 </#if>
	   	 <#if sl.sign==2>
   	    	<fieldset style="border: none; font-size: 20px; font-weight: bold; margin: 5px 0px 0px; padding: 10px; color: rgb(70, 118, 217);">
			    ${map[titleKey]}
			</fieldset>
   	     </#if>
   	     <#if sl.sign==3>
   	     	<fieldset style="padding: 0.5em 0.5em;border-style: none;line-height:22px;">
			     ${map[textAreaKey]}
			</fieldset>
   	     </#if>
   	     <#if sl.sign==4>
		   	 <#if sl.type==3>
		   	 	<img src="${map[imgKey]}" style="width:100%;margin-top:8px;"/>
		   	 </#if>
		   	 <#if sl.type==1>
		   	 	<fieldset style="padding: 0.5em 0.5em;border-style: none;line-height:22px;">
				     ${map[textKey]}
				</fieldset>
		   	 </#if>
	   	 </#if>
	   	  <#if sl.sign==5>
	   	  	<img src="${map[imgKey]}" style="width:100%;margin-top:8px;"/>
	   	  </#if>
	   	  <#if sl.sign==6>
	   	  	 <#if sl.type==3>
	   	  	 	<fieldset style="border:0;margin-top:2em; padding: 0.5em 0;white-space: normal;border: none;  border-top: 1px solid #ccc;
			    display: block; font-size: 1em; font-family: inherit; font-style: normal;
			    font-weight: inherit; text-decoration: inherit; color: rgb(166, 166, 166);"></fieldset>
	   	  	 	<div style="width:180px;height:180px;margin-top:8px;margin:auto;">
	   	  			<img src="${map[imgKey]}" style="width:180px;height:180px;"/>
	   	  		</div>
	   	  	 </#if>
	   	  	 <#if sl.type==0>
	   	  	 	<fieldset style="border: none; font-size: 18px; font-weight: bold; margin: 5px 0px 0px; padding: 10px; text-align: center;">
				    ${map[titleKey]}
				</fieldset>
	   	  	 </#if>
	   	  	 <#if sl.type==1>
	   	  	 	<fieldset style="border: none; font-size: 14px; text-align: center;color: rgb(166, 166, 166);">
				    ${map[textKey]}
				</fieldset>
				<fieldset style="border:0; padding: 0.5em 0;white-space: normal;border: none;  border-top: 1px solid #ccc;
			    display: block; font-size: 1em; font-family: inherit; font-style: normal;
			    font-weight: inherit; text-decoration: inherit; color: rgb(166, 166, 166);"></fieldset>
	   	  	 </#if>
	   	  </#if>
	   </#list>
	 </#list>
	 <div style="width:100%;color: rgb(166, 166, 166);">
	 	<span id="readCount"></span>
	 </div>

     <#if  websiteRecord != "">
         <fieldset style="border:none;border-style: none;margin: 5px 0 0;padding: 5px;background: none;">
             <section style="margin-top: -1px; margin-bottom: 0px; min-height: 40px; visibility: visible; height: 40px; line-height: 40px; border-radius: 4px; text-align: center; box-shadow: rgb(190, 190, 190) 0px 3px 5px; background: rgb(238, 239, 239);">
                 <span style="font-size:14px;color: #6e6d6d;"><span style="font-size: 14px;">${websiteRecord}</span></span>
             </section>
         </fieldset>
     </#if>
   </div>
   <script>
	function getRequest() {
	   var url = location.search; //获取url中"?"符后的字串
	   var theRequest = new Object();
	   if (url.indexOf("?") != -1) {
	      var str = url.substr(1);
	      strs = str.split("&");
	      for(var i = 0; i < strs.length; i ++) {
	         theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
	      }
	   }
	   return theRequest;
	}
	window.onload = function(){
		var params = getRequest();
		var url = "";
		if(params['bxc_from']==undefined || params['bxc_from']==''){
			url = "${infoMap['ctx']}/microsite/counter/mobileVisit?contentId=${infoMap['cid']}&origin=";
		}else{
			url = "${infoMap['ctx']}/microsite/counter/mobileVisit?contentId=${infoMap['cid']}&origin="+params['bxc_from'];
		}
		$.ajax({
			url:url,
			type:"POST",
			cache:false,
			async:false,
			dataType:"json",
			success:function(data){
				if(data.state == 'success'){
					document.getElementById("readCount").innerText= "阅读量:"+data.result;
		        }else{
		        	document.getElementById("readCount").innerText= "阅读量:-";
		        }
			}
		});
	};
   </script>
   <script type="text/javascript">
       if(!window.getPageTitle){
           window.getPageTitle = function(){
               return document.title;
           };
       }
       window.pageReady = function(){
           window.BxNativeBridge.setBxTitle(window.getPageTitle());
       };
       //IOS设置标题
       document.addEventListener('WebViewJavascriptBridgeReady', function(event) {
           WebViewJavascriptBridge.send(window.getPageTitle());
       }, false);
   </script>
</body> 
</html> 